.send_token {
    padding: var(--m16) var(--m16) var(--m40);
    height: 100%;
    border-top: var(--m1) solid var(--main-split);

    .send_wrap {
        position: relative;
        height: 100%;

        .title {
            font-family: 'Montserrat-Medium';
            font-style: normal;
            font-weight: 500;
            font-size: var(--m13);
            display: flex;
            align-items: center;

            /* Black */

            color: #2A2A2C;
        }

        .amount {
            margin-top: var(--m20)
        }

        .send_amount_box {
            margin-top: var(--m12);
            height: 28.8vw;
            background: var(--input-bg);
            backdrop-filter: blur(17.5PX);
            border-radius: var(--m12);
            padding: var(--m12);
            position: relative;
            z-index: 1;

            .info {
                display: flex;
                justify-content: space-between;
                align-items: center;

                &>div {
                    display: flex;
                    align-items: center;
                    position: relative;
                }

                .coin {
                    cursor: pointer;
                    display: flex;
                    align-items: center;
                    font-family: 'Montserrat-Regular';
                    font-style: normal;
                    font-weight: 400;
                    font-size: var(--m11);
                    /* identical to box height */

                    display: flex;
                    align-items: center;

                    /* Black */

                    color: #59595F;

                    img {
                        display: block;
                    }



                    .drop_icon,
                    .coin_icon {
                        width: 4.2667vw;
                        height: 4.2667vw;
                        display: flex;
                        justify-content: center;
                        align-items: center;

                        img {
                            width: 2.824vw;
                        }
                    }

                    .coin_icon {
                        margin-right: 2.1333vw;

                        img {
                            width: 100%;
                        }
                    }

                }

                .balance {
                    font-family: 'Montserrat-Light';
                    font-style: normal;
                    font-weight: 300;
                    font-size: var(--m11);
                    /* identical to box height */

                    display: flex;
                    align-items: center;
                    text-align: center;

                    /* Black */

                    color: #59595F;
                }
            }

            .input {
                margin-top: var(--m12);
                border-bottom: 1PX solid var(--main-split);
                position: relative;

                .all {
                    position: absolute;
                    font-size: var(--m12);
                    right: 0;
                    bottom: 3.733333vw;
                    color: var(--main-text);
                    text-decoration: underline;
                    z-index: 10;
                }

                :global {
                    .MuiInputBase-input {
                        height: 7.7333vw;
                        ;
                        font-family: 'Montserrat-Regular';
                        font-style: normal;
                        font-weight: 400;
                        font-size: var(--m20);
                        color: var(--main-text);
                        &::placeholder {
                            font-size: var(--m20);
                        }
                    }
                }
            }


            .gasfee {
                font-family: 'Montserrat-Light';
                font-style: normal;
                font-weight: 300;
                margin-top: var(--m6);
                font-size: var(--m11);
                display: flex;
                align-items: center;

                /* 深黑 */

                color: #7E8189;

                span {
                    color: #2A2A2C;
                }
            }

        }

        .to {

            .title {
                font-family: 'Montserrat-Medium';
                font-weight: 500;
                font-size: var(--m13);
                display: flex;
                align-items: center;

                /* Black */

                color: #2A2A2C;
            }

            .desc_tip {
                margin-top: 1.0667vw;
                font-style: normal;
                font-weight: 500;
                font-size: 2.9333vw;

                /* 中灰 */

                color: var(--secondary-middle-text);
            }

            .address_box {
                padding: 0 var(--pc12);
                margin-top: var(--m12);
                height: var(--m48);


                border-radius: var(--m12);
                border: .2667vw solid var(--input-border);
                position: relative;
                overflow: hidden;
                background-color: var(--input-bg);
                &::before {
                    content: '';
                    z-index: -1;
                    position: absolute;
                    inset: 0;
                    backdrop-filter: blur(12PX);
                    background-color: var(--input-bg);
                }

                :global {
                    .MuiInputBase-root {
                        height: 100%;
                        width: 100%;
                    }

                    // .MuiInputBase-input {
                    //     font-family: 'Montserrat-Regular';
                    //     font-style: normal;
                    //     font-weight: 500;
                    //     color: var(--font-color);

                    //     &::placeholder {
                    //         color: var(--secondary-gary-text);
                    //     }

                    // }
                }
            }
        }

        .send_btn {
            cursor: pointer;
            width: 100%;
            position: absolute;
            bottom: 0;
            background: #fff;
            height: var(--m44);
            border-radius: var(--m12);
            display: flex;
            justify-content: center;
            align-items: center;

            span {
                font-family: 'Montserrat-Medium';
                font-style: normal;
                font-weight: 500;
                font-size: var(--m14);
                /* identical to box height */

                text-align: center;

                /* White */

                color: var(--disabled-text);
                cursor: not-allowed;
            }
        }

        .noBalance {
            font-size: var(--m11);
            font-family: Montserrat-Light;
            font-weight: 300;
            color: #CF3F3F;
            margin: var(--m4) 0 0 var(--m12)
        }

        .active {
            background: linear-gradient(360deg, #4F48E2 0%, #6B65E9 100%);;
            cursor: pointer;

            span {
                color: #fff;
                cursor: pointer;
            }
        }
    }
}


.menu {
    padding: var(--m4);
    z-index: 10;
    position: absolute;
    width: 44.6vw;
    background: rgba(248, 248, 248, .8);
    box-shadow: 0px 0px var(--m12) 0px rgba(0, 0, 0, 0.12);
    border-radius: var(--m12);
    left: 0;
    top: 5.8667vw;
    max-height: 40.533vw;
    overflow-y: scroll;
    overflow-x: hidden;
    backdrop-filter: blur(20px);
    :global {
        .MuiButtonBase-root {
            padding: var(--m10) var(--m12) var(--m10) var(--m8);
        }

        .MuiList-root {
            padding: 0;
        }
    }

    .menu_item {
        line-height: var(--16m);
        font-size: var(--11m);
        :global {
        }
        .menu_item_inner {
            width: 100%;
            display: flex;
            justify-content: space-between;  
        }
        .menu_item_left {
            display: flex;
        }
        &.itemActive {
            background-color: #fff;
            .radio {
                width: var(--m16);
                height: var(--m16);
                background: url('../../assets/icons/radio-button-active.svg') no-repeat 50% / cover;
            }
        }
        &>div {
            display: flex;
            align-items: center;
            width: 23.2vw;

            img {
                margin-right: var(--m4);
            }

            span {
                font-family: 'Montserrat-Regular';
                font-style: normal;
                font-weight: 400;
                font-size: var(--m11);
                display: flex;
                align-items: center;

                /* 深黑 */

                color: #59595F;
            }
        }
    }
}


.tip {
    background: rgba(248, 248, 248, 0.5);
    box-shadow: 0px 0px var(--m12) rgba(0, 0, 0, 0.12);
    backdrop-filter: blur(12PX);
    /* Note: backdrop-filter has minimal browser support */
    width: 57.6vw;
    height: 20.266vw;
    border-radius: var(--m12);
    display: flex;
    justify-content: center;
    align-items: center;

    .tip_content {
        font-family: 'Montserrat-Regular';
        font-style: normal;
        font-weight: 400;
        font-size: var(--m11);
        display: flex;
        align-items: center;
        text-align: center;
        padding: var(--m12);
        color: var(--error)
    }

    .success {
        line-height: var(--m16);
        color: #4F48E2;
    }
    .icon {
        margin: 0 var(--m4) 0 0;
        width: var(--m16);
        height: var(--m16);
        background: url(../../assets/icons/icon-success.svg) no-repeat 50% / cover;
    }
}


@media screen and (min-width:1280px) {
    .send_token {
        padding: var(--pc16) var(--pc16) var(--pc40);
        border-top: 1px solid var(--main-split);

        .send_wrap {


            .title {

                font-size: var(--pc13);

            }

            .amount {
                margin-top: var(--pc20)
            }

            .send_amount_box {
                margin-top: var(--pc12);
                height: 135.36px;

                border-radius: var(--pc12);
                padding: var(--pc12);


                .info {
                    &>div {
                        height: 18.8px;
                    }

                    .coin {

                        font-size: var(--pc11);




                        .drop_icon,
                        .coin_icon {
                            width: 20.0535px;
                            height: 20.0535px;


                            img {
                                width: 13.2728px;
                            }
                        }

                        .coin_icon {
                            margin-right: 10.0265px;

                        }

                    }

                    .balance {

                        font-size: var(--pc11);

                    }
                }

                .input {
                    display: flex;
                    height: 45.34px;
                    margin-top: 15.04px;
                    border-bottom: 1PX solid var(--main-split);

                    .all {
                        font-size: 15.04px;
                        right: 0;
                        bottom: 17.5467px;

                    }


                    :global {
                        .MuiInputBase-input {
                            height: 36.3465px;
                            font-size: var(--pc20);
                            &::placeholder {
                                font-size: var(--pc20);
                            }
                        }
                    }
                }


                .gasfee {
                    margin-top: var(--pc6);
                    font-size: var(--pc11);


                }

            }

            .to {


                .title {

                    font-size: var(--pc13);

                }

                .desc_tip {
                    margin-top: 5.0135px;

                    font-size: 13.7865px;


                }

                .address_box {
                    display: flex;
                    padding: 0 var(--pc12);
                    margin-top: var(--pc12);
                    height: var(--pc48);


                    border-radius: 15.04px;
                    border: 1.2535px solid var(--input-border);

                }
            }

            .send_btn {

                height: var(--pc44);
                border-radius: var(--pc12);


                span {
                    font-size: var(--pc14);

                }
            }

            .noBalance {
                font-size: var(--pc11);
                margin: var(--pc4) 0 0 var(--pc12)
            }


        }
    }


    .menu {

        width: 210px;
        left: 0;
        top: 27.5735px;
        padding: var(--pc4);
        max-height: 190px;
        overflow-y: scroll;
        overflow-x: hidden;
        border-radius: var(--pc12);
         backdrop-filter: blur(var(--pc20));
        :global {
            .MuiButtonBase-root {
                padding: var(--pc10) var(--pc12) var(--pc10) var(--pc8);
            }
            .MuiList-root {
                padding: 0;
            }
        }

        .menu_item {
            line-height: var(--16pc);
            :global {
            }
            &.itemActive {
                .radio {
                    width: var(--pc16);
                    height: var(--pc16);
                }
            }
            &>div {


                width: 109.04px;

                img {
                    margin-right: var(--pc4);
                }

                span {
                    font-size: var(--pc11);

                }
            }
        }
    }


    .tip {

        width: 270px;
        height: 95px;
        border-radius: 15.04px;

        .tip_content {

            font-size: 18.8px;

            padding: 15.04px;

        }

        .success {
            line-height: var(--pc16);
        }

        .icon {
            margin: 0 var(--pc4) 0 0;
            width: var(--pc16);
            height: var(--pc16);
        }

    }

}